<!DOCTYPE html>
<html lang="zh" xmlns:th="http://www.thymeleaf.org">
<head th:fragment="header(title, flag)">
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0"/>
    <meta http-equiv="X-UA-Compatible" content="ie=edge"/>
    <title th:text="${application.systemTitle} + ' - ' + ${title}"></title>
    <meta th:content="${application.webKeywords}" name="Keywords"/>
    <meta th:content="${application.webDescription}" name="Description"/>
    <link th:href="@{/static/images/favicon.ico}" rel="shortcut icon" type="image/x-icon">
    <link href="https://file.gydtrade.com/static/images/favicon.ico" rel="icon" sizes="any" mask>

    <!-- 新 Bootstrap 核心 CSS 文件 -->
    <link th:href="@{/static/front/css/bootstrap.min.css}" type="text/css" rel="stylesheet">
    <!-- 最新的 Bootstrap  自定义样式 文件 -->
    <link th:href="@{/static/front/themes/css/home.css}" type="text/css" rel="stylesheet">
    <!-- jQuery文件 -->
    <script th:src="@{/static/front/js/jquery.min.js}" type="text/javascript"></script>
    <!-- 最新的 Bootstrap 核心 JavaScript 文件 -->
    <script th:src="@{/static/front/js/bootstrap.min.js}" type="text/javascript"></script>
    <!-- 新 Bootstrap IE8 CSS 文件 -->
    <script th:src="@{/static/front/js/html5shiv.min.js}" type="text/javascript"></script>
    <!-- 新 Bootstrap IE9 CSS 文件 -->
    <script th:src="@{/static/front/js/respond.min.js}" type="text/javascript"></script>

    <script>
        var _hmt = _hmt || [];
        (function() {
            var hm = document.createElement("script");
            hm.src = "https://hm.baidu.com/hm.js?27c2f7b6e27727771fc866bad7755563";
            var s = document.getElementsByTagName("script")[0];
            s.parentNode.insertBefore(hm, s);
        })();
    </script>

</head>
<body>
<div th:fragment="navbar">
    <div class="header-back"></div>
    <nav class="navbar navbar-default navbar-brands navbar-abouts">
        <div class="container">
            <div class="navbar-header">
                <button aria-controls="navbar" aria-expanded="false" data-target="#navbar" data-toggle="collapse"
                        class="navbar-toggle collapsed" type="button">
                    <span class="sr-only">Toggle navigation</span>
                    <span class="icon-bar"></span>
                    <span class="icon-bar"></span>
                    <span class="icon-bar"></span>
                </button>
                <a th:href="@{index.html}" class="navbar-logo navbar-brand"></a>
            </div>
            <div class="collapse navbar-collapse navbar-right" id="navbar">
                <ul class="nav navbar-nav navbar-right">
                    <li th:class="${navbar=='index'?'active':'dropdown'}">
                        <a aria-expanded="false" role="button" aria-haspopup="true" class="dropdown-toggle"
                           th:href="@{index.html}" title="Home">首页</a>
                    </li>
                    <li th:class="${navbar=='about'?'active':'dropdown'}">
                        <a aria-expanded="false" role="button" aria-haspopup="true" class="dropdown-toggle"
                           th:href="@{about.html}" title="About us">关于我们</a>
                    </li>
                    <li th:class="${navbar=='product'?'active':'dropdown'}">
                        <a aria-expanded="false" role="button" aria-haspopup="true" class="dropdown-toggle"
                           th:href="@{product.html}" title="Product service">产品服务</a>
                    </li>
                    <li th:class="${navbar=='case'?'active':'dropdown'}">
                        <a aria-expanded="false" role="button" aria-haspopup="true" class="dropdown-toggle"
                           th:href="@{case.html}" title="Classic case">经典案例</a>
                    </li>
                    <li th:class="${navbar=='service'?'active':'dropdown'}">
                        <a aria-expanded="false" role="button" aria-haspopup="true" class="dropdown-toggle"
                           th:href="@{service.html}" title="Micro business service">微商服务</a>
                    </li>
                    <li th:class="${navbar=='contact'?'active':'dropdown'}">
                        <a aria-expanded="false" role="button" aria-haspopup="true" class="dropdown-toggle"
                           th:href="@{contact.html}" title="Contact us">联系我们</a>
                    </li>
                </ul>
            </div>
        </div>
    </nav>
</div>

<!--------footer begin-------->
<footer class="main-footer  main-footer1" th:fragment="footer">
    <div class="container">
        <div class="row">
            <div class="col-sm-4">
                <div class="widget">
                    <h4 class="title"><img th:src="@{/static/front/themes/img/logo-blue.png}"></h4>
                    <div class="content recent-post">
                        <div class="recent-single-post">
                            <div class="date">GEYUNDUAN移动公关第一品牌，我们拥有最全面的媒介数据库资源，我们能给您提供全面的服务 。</div>
                        </div>

                    </div>
                </div>
            </div>
            <div class="col-sm-3">
                <div class="widget">
                    <h4 class="title"></h4>
                    <div class="content-about">
                        <div><a th:href="@{about.html}">关于我们</a></div>
                        <div><a th:href="@{contact.html}">联系我们</a></div>
                        <div><a th:href="@{join_us.html}">加入我们</a></div>
                        <div><a th:href="@{product.html}">产品服务</a></div>
                        <div><a th:href="@{case.html}">经典案例</a></div>
                    </div>
                </div>
            </div>
            <div class="col-sm-3">
                <div class="widget">
                    <h4 class="title"></h4>
                    <div class="content-about">
                        <div><a th:href="@{advantages.html}">平台优势</a></div>
                        <div><a th:href="@{agreement.html}">服务条款</a></div>
                        <div><a th:href="@{disclaimer.html}">免责声明</a></div>
                        <div><a th:href="@{agent.html}">合作代理</a></div>
                        <div><a th:href="@{help.html}">帮助中心</a></div>
                    </div>
                </div>
            </div>
            <div class="col-sm-2">
                <div class="widget">
                    <div class="content-about">
                        <img th:src="@{/static/front/themes/img/ewm.jpg}" width="150" height="150"
                             style="border:1px solid #eee; padding:5px;" title="扫描二维码。关注我们。">
                    </div>
                </div>
            </div>
        </div>
        <div class="copyright">
            <div class="recent-single-post">
                <a class="post-title" th:href="${application.companyWeb} + ${application.contentPath}"
                   th:title="${application.companyName}">[[${application.companyName}]]</a>
                <div class="date" style="padding-top:5px;">
                    <a href="https://beian.miit.gov.cn" target="_blank" th:title="${application.webRecord}">[[${application.webRecord}]]</a>
                    <span th:if="${application.securityRecord!=''}">&nbsp;&nbsp;&nbsp;&nbsp;</span>
                    <a href="https://beian.mps.gov.cn" target="_blank" th:if="${application.securityRecord!=''}">
                        <img th:src="@{/static/images/gongan.png}" style="width: 16px; height: 16px;"
                             th:if="${application.securityRecord!=''}">
                        [[${application.securityRecord}]]
                    </a>
                </div>
                <div class="date" style="padding-top:5px;">
                    友情链接：<a href='http://www.gydtrade.cn' target='_blank' title="隔云端信息技术">隔云端信息技术</a>&nbsp;&nbsp;&nbsp;&nbsp;
                    <a href='http://www.gydtrade.tech' target='_blank' title="隔云端科技">隔云端科技</a>
                </div>
                <div class="date" style="padding-top:5px;">
                    Copyright © [[${application.copyright}]] All Rights Reserved.
                </div>
            </div>
        </div>
    </div>
</footer>
<!--------footer End-------->
</body>
</html>